<template>
  <view id="all">
    <view id="TOP">
      <view id="TOP-top">
        <view id="head">
          <!-- <image src="http://localhost/wodeIcon/head.png"></image> -->
            <image src="../../static/icon/head.png"></image>
        </view> 
        <view id="information">
            <view id="name">
              
                <text>zicox</text>
            </view>
            <view id="phone">
                <text>189****9441</text>
            </view>
        </view>    
      </view>
      <view id="TOP-bottom">
          <view id="DFK">
            <view>
              <image src="../../static/icon/dfkIcon.png"></image>
            </view>
            <view>
              <text>待付款</text>
            </view>
          </view>
          <view id="DSH">
            <view>
              <image src="../../static/icon/dshIcon.png"></image>
            </view>
            <view>
              <text>待收货</text>
            </view>
          </view> 
          <view id="DPJ">
            <view>
              <image src="../../static/icon/dpjIcon.png"></image>
            </view>
            <view>
              <text>待评价</text>
            </view>
          </view> 
          <view id="QBDD">
            <view>
              <image src="../../static/icon/qbddIcon.png"></image>
            </view>
            <view>
              <text>全部订单</text>
            </view>
          </view>     
      </view>
    </view>
    <view id="middle">
      <navigator url="../shdz/shdz">
      <view id="shdz">
        <view>
          <image src="../../static/icon/shdzIcon.png"></image>
          <text>收货地址</text>
        </view>
        <view class="jiantou">
          <img src="../../static/icon/123.png" alt="">
        </view>
      </view>
      </navigator>
      <navigator url="../yhj/yhj">
      <view id="yhj">
        <view>
          <image src="../../static/icon/yhjIcon.png"></image>
          <text>优惠券</text>
        </view>
        <view class="jiantou">
          <img src="../../static/icon/123.png" alt="">
        </view>
      </view>
      </navigator>
      <navigator url="../wdgz/wdgz">
        <view id="wdgz">
        <view>
          <image src="../../static/icon/wdgzIcon.png"></image>
          <text>我的关注</text>
        </view>
        <view class="jiantou">
          <img src="../../static/icon/123.png" alt="">
        </view>
      </view>
      </navigator>
      
      <navigator url="../pssj/pssj">
        <view id="pssj" >
            <view>
              <image src="../../static/icon/pssjIcon.png"></image>
              <text>配送时间</text>
            </view>
            <view class="jiantou">
              <img src="../../static/icon/123.png" alt="">
            </view>
        </view>
      </navigator>
      <navigator url="../zxkf/zxkf">
        <view id="zxkf">
          <view>
          <image src="../../static/icon/zxkfIcon.png"></image>
          <text>在线客服</text>
          </view>
          <view class="jiantou">
          <img src="../../static/icon/123.png" alt="">
          </view>
        </view> 
      </navigator>
      <navigator url="../bzyfk/bzyfk">
        <view id="bzyfk">
        <view>
          <image src="../../static/icon/bzyfkIcon.png"></image>
          <text>帮助与反馈</text>
        </view>
        <view class="jiantou">
          <img src="../../static/icon/123.png" alt="">
        </view>
      </view>
      </navigator>
      
    </view>
    <view id="bottom">
      <text>退出登录</text>
    </view>
    <car :price='price'></car>
  </view>
</template>

<script>
import car from "../../until/com/car"
import until from '../../until/until'
export default {
  name: "user",
  data() {
    return {
      price:0
    }
  },
  components:{
    car
  },
  onShow(){
		            this.price=parseInt(until.getMoneyNum());   //将价格传给购物车小图标
		        },
};
</script>

<style scoped>
#all{
    width: 100%;
    margin: auto;
    /* background-color: gainsboro; */
}
#TOP-top{
    width:100%;
    height:8rem;
    display: flex;
    /* text-align: center */
    justify-content: flex-start;
    /* padding-top: 5rem; */
    background-color: forestgreen;
    align-items:center
}
#head{
    padding-left: 1rem
}
#head image{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    /* padding-left: 1rem; */
}
#information{
    width: 10rem;
    height: 2rem;
    padding-left: 2rem;
    padding-top: 1rem;
    color: white;
}
#TOP-bottom{
  display: flex;
  justify-content:space-around;
  padding-top: 1rem;
  
}
#TOP-bottom image{
  padding-left: 0.5rem;
  width: 2rem;
  height: 2rem;
}
#middle{
  padding-top: 0.5rem;
}
.jiantou text{
  padding: 0 1rem
}
#shdz{
  width: 95%;
  height: 3rem;
  display: flex;
  border-bottom: 1px solid grey;
  align-items:center;
  margin: auto;
  justify-content:space-between;
}
#shdz image{
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}
#yhj{
  width: 95%;
  height: 3rem;
  display: flex;
  border-bottom: 1px solid grey;
  align-items:center;
  margin: auto;
  justify-content:space-between;
}
#yhj image{
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}
#wdgz{
  width: 95%;
  height: 3rem;
  display: flex;
  border-bottom: 1px solid grey;
  align-items:center;
  margin: auto;
  justify-content:space-between;
}
#wdgz image{
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}
#pssj{
  width: 95%;
  height: 3rem;
  display: flex;
  border-bottom: 1px solid grey;
  align-items:center;
  margin: auto;
  justify-content:space-between;
}
#pssj image{
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}
#zxkf{
  width: 95%;
  height: 3rem;
  display: flex;
  border-bottom: 1px solid grey;
  align-items:center;
  margin: auto;
  justify-content:space-between;
}
#zxkf image{
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}
#bzyfk{
  width: 95%;
  height: 3rem;
  display: flex;
  border-bottom: 1px solid grey;
  align-items:center;
  margin: auto;
  justify-content:space-between;
}
#bzyfk image{
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}
#bottom{
  width: 50%;
  height: 2rem;
  border: 1px solid forestgreen;
  display: flex;
  margin: auto;
  justify-content:center;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
</style>